/*
 * CSS Document
 * helper.css
 * Created by DAMU for codefight CMS
 * First created on 10.09.08 
 */
 
 /* Some Common Settings */
@font-face {
    font-family: 'CopseRegular';
    src: url('../../../global/fonts/Copse-Regular-webfont.eot');
    src: url('../../../global/fonts/Copse-Regular-webfont.eot') format('embedded-opentype'),
         url('../../../global/fonts/Copse-Regular-webfont.woff') format('woff'),
         url('../../../global/fonts/Copse-Regular-webfont.ttf') format('truetype'),
         url('Copse-Regular-webfont.svg#CopseRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body
{
	background: url(../images/body-bg.jpg) repeat fixed center top transparent;
	color:#1B1B1B;
	direction:ltr;
	/*font: 14px/20px 'CopseRegular', Arial, sans-serif;*/
	font: 14px/20px 'CopseRegular', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
	margin:0;
	padding:0;
	text-align:left;
    letter-spacing: 0;
	unicode-bidi:embed;
}
/* END: ----------------------- */


/* Paragraph and Headings Definition */
/* Paragraph Line Height */
p
{
	line-height:20px;
}
/* Heading And Paragraph Margin */
h1, h2, h3, h4, h5, p
{
	margin:0 0 10px 0;
}
/* Heading Size Reset */
h1 {
    color: #669933;
    font-size: 36px;
    line-height: 38px;
    margin: 0 0 20px;
}
h2
{
	font-size:20px;
}
h3
{
	font-size:18px;
}
h4
{
	font-size:16px;
}
h5
{
	font-size:14px;
}
h6
{
	font-size:12px;
}
/* END: ----------------------- */


/* Clear Definition : life saver with floats */	
.clear
{
	clear:both !important;
	line-height:0 !important;
	height:0 !important;
	font-size:0 !important;
	display:block !important;
	float:none !important;
	margin:0 !important;
	padding:0 !important;
}
/* END: ----------------------- */


/* Error/Success Messages Definition */	
.error
{
	background-color:#fcf;
	border:1px solid #FF0033;
	color:#FF0000;
	display:block;
	margin:2px 0;
	padding:5px 10px 4px 10px;
}
.success
{
	border:1px solid #00CC00;
	color:#006600;
	display:block;
	margin:2px 0;
	padding:15px 10px 4px 10px;
}
/* END: ----------------------- */


/* Background Definition */	
.backgroundNone
{
	background:none !important;
}
/* END: ----------------------- */


/* Border Settings : default => width:1px; color: white; */
.borderNone
{
	border:none !important;
}
.borderSolid
{
	border:1px solid #fff;
}
.borderDashed
{
	border:1px dashed #fff;
}
.borderDotted
{
	border:1px dotted #fff;
}
.borderRightGrey
{
	border-right:1px solid #ccc;
}
/* END: ----------------------- */


/* Float Setting */
.floatRight
{
	float:right !important;
}
.floatLeft
{
	float:left !important;
}
.floatNone
{
	float:none !important;
}
/* END: ----------------------- */


/* Text Style */
.bold
{
	font-weight:bold !important;
}
.italic
{
	font-style:italic !important;
}
.left
{
	text-align:left !important;
}
.right
{
	text-align:right !important;
}
.center
{
	text-align:center !important;
}
/* END: ----------------------- */


/* show/hide definition */
.hide
{
	display:none !important;
}
.show
{
	display:block !important;
}
.block
{
	display:block;
}
.displayNone
{
	display:none;
}
.displayBlock
{
	display:block;
}
/* END: ----------------------- */


/* color definition */
.blue
{
	color:#0495f1;
}
.red
{
	color:#d42229;
}
.brown
{
	color:#c60;
}
.black
{
	color:#000;
}
/* END: ----------------------- */


/* link color definition */
a
{
	color:#333333;
	text-decoration:none;
	outline:none;
}
a:hover
{
	color:#669933;
	text-decoration:underline;
}
a.brown
{
	color:#c60;
}
a.brown:hover
{
	color:#09f;
}
a.red
{
	color:#d42229;
}
a.red:hover
{
	color:#666;
}
/* END: ----------------------- */

/*Buttons*/
.download-button,
button.css3button {
	font-size: 28px !important;
	color: #ffffff !important;
	padding: 8px 20px;
    text-decoration: none;
	background: -moz-linear-gradient(
		top,
		#5d8d26 0%,
		#669933 38%,
		#66913a 46%,
		#547d2b 53%,
		#669933);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#5d8d26),
		color-stop(0.38, #669933),
		color-stop(0.46, #66913a),
		color-stop(0.53, #547d2b),
		to(#669933));
	border-radius: 19px;
	-moz-border-radius: 19px;
	-webkit-border-radius: 19px;
	border: 2px solid #81a665;
	-moz-box-shadow:
		0px 1px 3px rgba(102,153,51,0.5),
		inset 0px 0px 5px rgba(102,153,51,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(102,153,51,0.5),
		inset 0px 0px 5px rgba(102,153,51,0.6);
	text-shadow:
		0px -1px 3px rgba(51,102,51,0.8),
		0px 1px 0px rgba(51,102,51,0.3);
}
.download-button:hover,
.css3button:hover {
	color: #39671e !important;
    text-decoration: none;
	background: -moz-linear-gradient(
		top,
		#6ba929 0%,
		#669933 38%,
		#66913a 46%,
		#547d2b 53%,
		#6ba929);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#6ba929),
		color-stop(0.38, #669933),
		color-stop(0.46, #66913a),
		color-stop(0.53, #547d2b),
		to(#6ba929));
}


/* Main Site/page Containers definition */
.siteContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    margin: 0 auto;
    width: 980px;
}
.siteContainer .pageContainer {
    border: 10px solid #FFFFFF;
    display: block;
    font-size: 14px;
}
/* END: ----------------------- */

/* Main Site/page Containers definition */
.editSeparator
{
	border-bottom:1px dotted #AAAAAA;
	display:block;
	height:1px;
	margin:20px 0;
}
/* END: ----------------------- */

ul,ol
{
	margin: 2px 0 10px 20px;
}

li
{
	margin-bottom:4px;
	display:block;
}

/*Forms*/
.cf_form_label {
	background:#EEEEEE;
	display:block;
	float:left;
	margin:0 5px 15px 0;
	padding:2px;
	width:120px;
}
label.submit {
	background:none;
}
label.textarea {
}
.txtFld
{
	border:1px solid #999999;
	display:block;
	float:left;
	margin-bottom:2px;
	width:220px;
}
textarea#message {
	display:block;
	float:left;
	margin:0 0 10px;
	width:300px;
}

.block_path {
	display:block;
	overflow:visible;
	z-index:100;
}

.block_path:hover {
	z-index:1000;
}

.block_path .path {
	background:#FFFFFF;
	border:1px dotted #FF6600;
	color:#FF0000;
	display:block;
	margin:2px;
	padding:2px;
}

